<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<%--<div class="pageheader">
    <h2>菜单管理</h2>

    <div class="breadcrumb-wrapper">
        <span class="left color-999 font13">您当前的位置：</span>
        <ol class="breadcrumb left">
            <li>系统管理</li>
            <li>菜单管理</li>
        </ol>
    </div>
</div>--%>

<div class="contentpanel">
    <div class="panel panel-default ">
        <div class="row">
            <div class="panel-body panel-body2  plr20">

                <div class="left">
                    <div class="btn-group left btn-group-none2">
                            <button class="btn btn-primary btn-4-add"><i class="icon icon-tianjia"></i>新增</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class=" plr20">
                <div class="display-table display-table-xs ">
                    <ul class="display-table display-table-th" >
                        <li style="width:43px" class="table-cell"></li>
                        <li style="width:20%" class="table-cell">菜单名称</li>
                        <li style="width:7%" class="table-cell">排序值</li>
                        <li style="width:7%" class="table-cell">图标</li>
                        <li class="table-cell">菜单链接</li>
                        <li style="width:15%" class="table-cell">操作</li>
                    </ul>
                    <ul class="display-table">
                        <c:forEach items="${menuList}" var="item1">
                            <li>
                                <P class="display-table bj-green-lit display-table-tr">
                                    <span style="width:43px" class="table-cell">
                                        <i class="icon icon-shousuo cursor-pointer"></i>
                                    </span>
                                    <span style="width:20%" class="table-cell">${item1.name}</span>
                                    <span style="width:7%" class="table-cell">${item1.seq}</span>
                                    <span style="width:7%" class="table-cell">
                                        <i class="${item1.iconStyle}"></i>
                                    </span>
                                    <span class="table-cell">${item1.uri}</span>
                                    <span style="width:15%" class="table-cell display-table-caozuo">
                                            <a class="btn-4-modify" data-id="${item1.id}" style="font-weight:normal">修改</a>
                                            <a class="btn-4-delete" data-id="${item1.id}" style="font-weight:normal">删除</a>
                                    </span>
                                </P>
                                <c:forEach items="${item1.children}" var="item2">
                                    <ul class="display-table">
                                        <li class="table-row">
                                            <p class="display-table">
                                                <span style="width:43px" class="table-cell"></span>
                                                <span style="width:20%; padding-left:30px;" class="table-cell">${item2.name}</span>
                                                <span style="width:7%" class="table-cell">${item2.seq}</span>
                                                <span style="width:7%" class="table-cell">
                                                    <i class="${item2.iconStyle}"></i>
                                                </span>
                                                <span class="table-cell">${item2.uri}</span>
                                                <span style="width:15%" class="table-cell display-table-caozuo">
                                                        <a class="btn-4-modify" data-id="${item2.id}" style="font-weight:normal">修改</a>
                                                        <a class="btn-4-delete" data-id="${item2.id}" style="font-weight:normal">删除</a>
                                                </span>
                                            </p>
                                            <c:forEach items="${item2.children}" var="item3">
                                                <ul class="display-table">
                                                    <li style="width:43px" class="table-cell"></li>
                                                    <li style="width:20%; padding-left:60px;" class="table-cell">${item3.name}</li>
                                                    <li style="width:7%" class="table-cell">${item3.seq}</li>
                                                    <li style="width:7%" class="table-cell">
                                                        <i class="${item3.iconStyle}"></i>
                                                    </li>
                                                    <li class="table-cell">${item3.uri}</li>
                                                    <li style="width:15%" class="table-cell display-table-caozuo">
                                                            <a class="btn-4-modify" data-id="${item3.id}" style="font-weight:normal">修改</a>
                                                            <a class="btn-4-delete" data-id="${item3.id}" style="font-weight:normal">删除</a>
                                                    </li>
                                                </ul>
                                            </c:forEach>
                                        </li>
                                    </ul>
                                </c:forEach>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/system/menu-List.js"></script>